import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import svgLoader from "vite-svg-loader";
import { vitePluginFakeServer } from "vite-plugin-fake-server";

// 导出一个默认配置
export default defineConfig({
  // 配置插件
  plugins: [
    vue(),
    svgLoader(),
    vitePluginFakeServer({
      logger: false,
      include: "mock", //include: "mock" 表示插件会在项目的 mock 目录中查找假数据文件。你需要确保在项目根目录下有一个名为 mock 的目录，并在其中放置你的假数据文件。
      infixName: false,
      enableProd: true, //即使在生产环境中，假服务器也会被启用。这对于需要在生产环境中进行某些测试或调试的情况非常有用。
    }),
  ],
  // 配置解析选项
  resolve: {
    // 配置路径别名
    alias: {
      "@": "/src", // '@' 代表 '/src' 目录
    },
  },
  // 配置开发服务器
  server: {
    port: 3000, // 开发服务器运行在 3000 端口
    host: "0.0.0.0", //
  },
  // 配置构建选项
  build: {
    outDir: "dist", // 构建输出目录为 'dist'
  },
  css: {
    postcss: "./postcss.config.js",
  },
});
